import React from 'react'
import { Button, ResultPage } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
function Index() {
    const navigate = useNavigate()
    const details = [
        {
            label: '收款方',
            value: '张三',
            bold: true,
        },
        {
            label: '付款方式',
            value: '账户余额',
        },
        {
            label: '转账金额',
            value: '¥100.00',
        },
        {
            label: '转账金额',
            value: '¥100.00',
        },
        {
            label: '转账金额',
            value: '¥100.00',
        },
    ]
    return (
        <div>
            <ResultPage
                status='success'
                title='操作成功'
                description='内容详情可折行，建议不超过两行建议不超过两行建议不超过两行'
                details={details}
            >
                <Button onClick={()=>navigate('/')}>返回首页</Button>
            </ResultPage>
        </div>
    )
}

export default Index
